<nz-header class="header">
  <div class="logo">
    <a>
      <img src="/nars/assets/images/login/melonlib_title.png">
    </a>
  </div>
  <ul class="top_menu">
    <li (click)="changeCollapsed()">
      <a  class="top-icon">
        <i nz-icon [nzType]="collapsed?'menu-unfold':'menu-fold'" nzTheme="outline"></i>
      </a>
    </li>
    <li>
      <a>
        在线学习
      </a>
    </li>
    <li>
      <a>
        在线考试
      </a>
    </li>
    <li>
      <a>
        资料库
      </a>
    </li>
    <li nz-dropdown [nzDropdownMenu]="resources">
      <a>
        教学管理
      </a>
      <nz-dropdown-menu #resources="nzDropdownMenu">
        <ul nz-menu>
          <li nz-menu-item><fa-icon [icon]="faGlobe"></fa-icon>&nbsp;&nbsp;课程管理</li>
          <li nz-menu-item><fa-icon [icon]="faGlobe"></fa-icon>&nbsp;&nbsp;考试管理</li>
          <li nz-menu-item><fa-icon [icon]="faFont"></fa-icon>&nbsp;&nbsp;卷库管理</li>
          <li nz-menu-item><fa-icon [icon]="faCode"></fa-icon>&nbsp;&nbsp;资源管理</li>
        </ul>
      </nz-dropdown-menu>
    </li>
    <li class="no_right" nz-dropdown [nzDropdownMenu]="help">
      <a>
        帮助
      </a>
      <nz-dropdown-menu #help="nzDropdownMenu">
        <ul nz-menu>
          <li nz-menu-item><fa-icon [icon]="faGlobe"></fa-icon>&nbsp;&nbsp;系统使用</li>
          <li nz-menu-item><fa-icon [icon]="faBookOpen"></fa-icon>&nbsp;&nbsp;部署教学</li>
          <li nz-menu-item><fa-icon [icon]="faInfoCircle"></fa-icon>&nbsp;&nbsp;关于我们</li>
        </ul>
      </nz-dropdown-menu>
    </li>
  </ul>
  <ul class="top_menu top-right">
    <li class="no_left" nz-dropdown [nzDropdownMenu]="welcome">
      <a>您好,管理员</a>
      <nz-dropdown-menu #welcome="nzDropdownMenu">
        <ul nz-menu>
          <li nz-menu-item><fa-icon [icon]="faUserCog"></fa-icon>&nbsp;&nbsp;个人信息设置</li>
          <li nz-menu-item><fa-icon [icon]="faKey"></fa-icon>&nbsp;&nbsp;修改密码</li>
        </ul>
      </nz-dropdown-menu>
    </li>
    <li>
      <a class="top-icon"><i nz-icon nzType="setting" nzTheme="outline"></i></a>
    </li>
    <li class="no_right" nz-popconfirm nzPopconfirmTitle="是否退出系统?" nzIcon="question-circle" nzOkText="确认" nzCancelText="取消" (nzOnConfirm)="logout()">
      <a class="top-icon"
      ><i nz-icon nzType="logout" nzTheme="outline"></i></a>
    </li>
  </ul>
</nz-header>
